<!-- 充值记录 -->
<template>
  <view class="container">
    <view class="list flex-c">
      <view class="item flex-c" v-for="i in 2">
        <view class="flex-s">
          <text class="l">市      场：</text>
          <text class="r">Huobi</text>
        </view>
        <view class="flex-s">
          <text class="l">订单单号：</text>
          <text class="r">2021204146714424</text>
        </view>
        <view class="flex-s">
          <text class="l">创建时间：</text>
          <text class="r">2021/02/21 13:23:43</text>
        </view>
        <view class="flex-s">
          <text class="l">开通时间：</text>
          <text class="r">1月</text>
        </view>
        <view class="flex-s">
          <text class="l">资金规模：</text>
          <text class="r">5000</text>
        </view>
        <view class="flex-s">
          <text class="l">充值金额：</text>
          <text class="r">5000</text>
        </view>
        <view class="flex-s">
          <text class="l">支付方式：</text>
          <text class="r">TRX20_USDT支付</text>
        </view>
        <view class="flex-s">
          <text class="l">充值地址：</text>
          <text class="r">TpbKy8yTpbKy8y</text>
        </view>
        <view class="status flex-center status-up">进行中</view>
        
      </view>
        
    </view>
  </view>
</template>

<script>
export default {
  data () {
    return {
    };
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {}
}

</script>
<style lang='scss' scoped>
.container {
  min-height: 100vh;
	background-color: #f4f6f8;
  padding: $p;
  .item {
    width: 688rpx;
    height: 506rpx;
    background: #FFFFFF;
    border-radius: 12rpx;
    padding: 18rpx;
    position: relative;
    margin-bottom: 20rpx;
    .l{
      min-width: 132rpx;
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #333333;
    }
    .r {
      font-size: 32rpx;
      font-family: PingFang SC;
      font-weight: bold;
      color: #333333;
    }
    .status {
      position: absolute;
      right: 0;
      top: 0;
      text-align: center;
      width: 128rpx;
      height: 76rpx;
      
      border-radius: 0px 12rpx 0px 30rpx;
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #FFFFFF;
      &-up {
        background: #1488FF;
      }
      &-down {
        background-color: #B1B1B1;
      }
    }
    
  }
}
</style>